/*
    美骑图书作品
*/
.book-opus {
    .g-hd {
        height: 40px;
        width: 760px;
        margin: 80px auto 40px;
        position: relative;
        span {
            position: absolute;
            top: 20px;
            left: 0;
            overflow: hidden;
            height: 1px;
            width: 100%;
            background: #ecf0f1;
            z-index: 1;
        }
        strong {
            display: block;
            position: relative;
            width: 250px;
            margin: 0 auto;
            text-align: center;
            background: #fff;
            font: bold 34px/40px "Microsoft YaHei";
            color: #304a5e;
            z-index: 2;
        }
    }
    
    .g-bd {
        ul {
            overflow: hidden;
            width: 1132px;
            li {
                display: none;
                a:hover {
                    text-decoration: none;
                }
                float: left;
                width: 365px;
                height: 395px;
                margin: 0 12px 15px 0;
                text-align: center;

                .thumb {
                    width: 100%;
                    height: 225px;
                    background: #d9e6ee;
                    margin-bottom: 10px;

                    img {
                        position: relative;
                        top: 10px;
                        display: inline;
                        transition: .3s;
                        transform: perspective(400px) rotateX(0deg);
                    }
                }

                strong {
                    font: bold 20px/46px "Microsoft YaHei";
                }
                p {
                    margin: 0 15px;
                    font: 14px/26px "Microsoft YaHei";
                    color: #424242;
                }
                &:hover {
                    .thumb img {
                        transform: perspective(400px) rotateY(30deg) scale(0.9);
                    }
                }
            }
        }
        
        .arrowB {
            display: block;
            width: 71px;
            height: 71px;
            margin: 40px auto;
            background: url("../img/icon4.png") no-repeat 0 0;
        }
    }
}